.active_r{
		background: rgba(0,0,0,0.5);
	}
	.color_g{
		color: #43cc51;
	}
	.color_r{
		color: #c74d48;
	}
	.color_b{
		color: #598adf;
	}
	.bg_g{
		background: #22252e;
		color: #FFFFFF;
	}
	.bg_r{
		background: #fa4652;
		color: #FFFFFF;
	}
	.bg_b{
		background: #5a88e0;
		color: #afdcff;
	}
	.bg_b_small{
		background: #283b57;
		color: #5f8ad0;
	}
	.bg_g_samll{
		background: #28293b;
	}
	page{
		overflow-x: hidden;
		background: #20222f;
		color: #FFFFFF;
	}
	.alert_border{
		width: 100%;height: 100%;
		box-sizing: border-box;
		padding: 70upx 10upx 10upx 10upx;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	.alert_border .alert-title{
		position: fixed;
		top: 0upx;right: 0;
		z-index: 3;
		width: 100%;height: 70upx;line-height: 70upx;
		text-align: center;
		font-size: 16px;
		background: #28293b;
		margin-bottom: 10upx;
	}
	.alert_border .user_li{
		width: 100%;height: 80upx;
		box-sizing: border-box;
		padding: 15upx 20upx;
		background: #28293b;
		margin-bottom: 10upx;
	}
	.alert_border .user_li_list{
		width: 100%;height: 80upx;
		box-sizing: border-box;
		padding: 15upx 20upx;
		background: #28293b;
		border-bottom: 1upx solid #283B57;
	}
	.alert_border .user_li .left_icon,
	.alert_border .user_li_list .left_icon{
		float: left;
		width: 40upx;height: 40upx;
		margin-top: 5upx;
	}
	.alert_border .user_li .left_icon image,
	.alert_border .user_li_list .left_icon image{
		width: 100%;height: 100%;
	}
	.alert_border .user_li .li_title,
	.alert_border .user_li_list .li_title{
		width: 75%;height: 50upx;line-height: 50upx;
		text-align: left;
		float: left;
		padding-left: 20upx;
		font-size: 14px;
	}
	
	.top{
		width: 100%;
		position: fixed;
		top: 0;left: 0;
		z-index: 2;
		background: #20222f;
		padding-top: 40px;
	}
	.top .top_header{
		width: 100%;height: 80upx;
		color: #fff;
		box-sizing: border-box;
		padding: 10upx;
		display: flex;
	}
	.top .top_header .top_left{
		float: left;
		width: 60upx;height: 60upx;
		box-sizing: border-box;
		padding: 10upx;
		overflow: hidden;
	}
	.top .top_header .top_right{
		float: right;
		width: 60upx;height: 60upx;
		box-sizing: border-box;
		padding: 10upx;
		overflow: hidden;
	}
	.top .top_header .top_left image,
	.top .top_header .top_right image{
		width: 100%;height: 100%;
	}
	.top .top_header .top_title{
		height: 60upx;width: 100upx;
		margin: 0 auto;
		line-height: 60upx;
		font-size: 20px;
	}
	
	
	.market_top{
		width: 100%;
	}
	
	
	.market_top .market_tab{
		display: flex;
		text-align: center;
		color: #fff;
		font-size: 16px;
		font-weight: 600;
	}
	.market_top .market_tab .tab_li{
		width: 33.3%;height: 78upx;line-height: 80upx;
	}
	.market_top .market_tab .tab_li.active{
		background: #755847;border-bottom: 2px solid #ef7729;
	}
	
	.market_top .market_title{
		width: 100%;height: 50upx;line-height: 50upx;
		background: #3c3c54;
		font-size: 14px;
		display: flex;
		box-sizing: border-box;
		padding: 0 10upx;
	}
	.market_top .market_title .title_info{
		width: 33.3%;
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 0 5upx;
	}
	
	.market_top .market_btninput{
		width: 100%;
		background: #313244;
		font-size: 14px;
	}
	.market_top .market_btninput .btninput_top{
		display: flex;
		margin-bottom: 20upx;
	}
	.market_top .market_btninput .btninput_top .bt_left{
		width: 50%;height: 120upx;
		box-sizing: border-box;
		padding: 10upx;
	}
	.market_top .market_btninput .btninput_top .bt_left .left_title{
		width: 100%;height: 50upx;line-height: 50upx;
		display: flex;
		justify-content: space-between;
		border: 1px solid #50506b;
		box-sizing: border-box;
		padding:0 10upx;
	}
	.market_top .market_btninput .btninput_top .bt_left .left_num{
		margin-right: 25upx;
	}
	.market_top .market_btninput .btninput_top .bt_left .left_num,
	.market_top .market_btninput .btninput_top .bt_left .left_page{
		margin-top: 10upx;
		float: left;
		width: 45%;height: 50upx;line-height: 50upx;
		text-align: center;
		border: 1px solid #50506b;
		display: flex;
		box-sizing: border-box;
	}
	.market_top .market_btninput .btninput_top .bt_left .left_num span:first-child,
	.market_top .market_btninput .btninput_top .bt_left .left_page span:first-child{
		border-right: 1px solid #50506b;
		width: 50upx;height: 50upx;
		display: block;
	}
	.market_top .market_btninput .btninput_top .bt_left .left_page input{
		border: none;
		width: 60%;
		padding-left: 10upx;
	}
	.market_top .market_btninput .btninput_top .bt_right{
		width: 50%;height: 100%;
		background: #20222f;
		box-sizing: border-box;
		padding: 0 10upx;
	}
	.market_top .market_btninput .btninput_top .bt_right .right_li{
		width: 100%;height: 40upx;line-height: 40upx;
		display: flex;
		justify-content: space-between;
	}
	
	.market_top .market_btninput .btninput_bottom{
		width: 100%;height: 130upx;
		display: flex;
		box-sizing: border-box;
		padding: 10upx;
		margin-bottom: 20upx;
	}
	.market_top .market_btninput .btninput_bottom .bb_left{
		width: 25%;height: 100%;
	}
	.market_top .market_btninput .btninput_bottom .bb_left .left_input{
		width: 100%;height: 50%;
		border: 1px solid #50506b;
		margin-bottom: 10upx;
		display: flex;
	}
	.market_top .market_btninput .btninput_bottom .bb_left .left_input span{
		text-align: center;
		display: block;width: 50upx;height: 50upx;line-height: 50upx;
	}
	.market_top .market_btninput .btninput_bottom .bb_left .left_input input{
		width: 70%;
	}
	.market_top .market_btninput .btninput_bottom .bb_right{
		width: 75%;height: 100%;
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		padding:0 20upx;
		margin-top: 5upx;
	}
	.market_top .market_btninput .btninput_bottom .bb_right .right_buy,
	.market_top .market_btninput .btninput_bottom .bb_right .right_ping{
		width: 45%;height: 120upx;
		border-radius: 10upx;
	}
	.market_top .market_btninput .btninput_bottom .bb_right .right_buy span,
	.market_top .market_btninput .btninput_bottom .bb_right .right_ping span{
		width: 100%;height: 60upx;line-height: 60upx;
		display: block;
		text-align: center;
	}
	
	.market_top .market_btninput .btninput_bottom .bb_right .right_buy{
		background: #c74d48;
		color: #FFFFFF;
	}
	.market_top .market_btninput .btninput_bottom .bb_right .right_ping{
		background: #fff;
		color: #333;
	}
	
	.line{
		width: 80% !important;height: 1px !important;
		margin: 0 auto;
	}
	.market_top .market_btninput .btninput_bottom .bb_right .right_buy .line{
		background: #fff;
	}
	.market_top .market_btninput .btninput_bottom .bb_right .right_ping .line{
		background: #20222F;
	}
	
	.content{
		width: 100%;height: 100%;
		padding-top: 506upx;
		padding-bottom: 120upx;
		box-sizing: border-box;
		display: fixed;
		top: 0;left: 0;
		z-index: 1;
		overflow: scroll;
	}
	
	.content .market_scoll{
		width: 200%;height: 100%;
		flex-shrink: 0;
		padding-top: 80upx;
	}
	.market_scoll .market_scollth{
		width: 100%;height: 80upx;
		background: #3c3d51;
		font-size: 14px;
		color: #9997a4;
	}
	.market_scoll .market_scolltd{
		width: 100%;
	}
	.market_scoll .market_scollth,
	.market_scoll .market_scolltd{
		display: flex;
		flex-direction:row;
		justify-content: space-around;
	}
	.market_scoll .market_scollth div,
	.market_scoll .market_scolltd div{
		width: 300upx;height: 80upx;line-height: 80upx;
		float: left;
		display: block;
		text-align: center;
		font-size: 14px;
	}
	
	.foot{
		display: flex;
		width: 100%;height: 100upx;
		position: fixed;
		bottom: 0;left: 0;
		z-index: 2;
		background: #20222F;
		color: #FFFFFF;
		font-size: 14px;
	}
	.foot .foot_tab{
		width: 25%;height: 100%;
		box-sizing: border-box;
		padding: 10upx 20upx;
		text-align: center;
	}
	.foot .foot_tab.active_o{
		background: #EF7729;
	}
	.foot .foot_tab .tab_img{
		width: 50upx;height: 50upx;
		margin: 0 auto;
	}
	.foot .foot_tab .tab_img image{
		width: 100%;height: 100%;
	}
	.foot .foot_tab .tab_title{
		padding-top: 5upx;
		font-size: 12px;
	}
	